﻿import React from 'react';
import { Link } from 'react-router-dom';
import { inject, observer } from "mobx-react";

@inject("UiStore")
@observer
export class Footer extends React.Component {
    render() {
        const explorerUrl = this.props.UiStore.web3Store.explorerUrl || 'https://etherscan.io';

        return (
            <footer className="app-footer">
                <div className="primary-footer">
                    <div className="container">
                        <div className="row">
                            <div className="footer_left">
                                <h4 className="text-uppercase">TopPoints</h4>
                                <p>订阅我们的时事通讯，通过电子邮件接收新闻，更新，免费资料和新版本。我们不会发送垃圾邮件。</p>
                                
                            </div>
                            <div className="footer_right_wrap">
                                <div className="footer_middle">
                                    <h6 className="text-uppercase">社区</h6>
                                    <ul className="list-unstyled">                        
                                        <li><a href="javascript:;"><i className="iconfont icon-qqchat"></i>QQ群1：142977</a></li>
                                        <li><a href="javascript:;"><i className="iconfont icon-qqchat"></i>QQ群2：16639669</a></li>
                                        <li><a href="javascript:;"><i className="iconfont icon-qqchat"></i>QQ群3：697634099</a></li>
                                        <li><a href="javascript:;"><i className="iconfont icon-qqchat"></i>QQ群4：609031054</a></li>
                                        <li><a href="http://reg.im.top"><i className="fa fa-arrow-circle-o-right"></i>首链社区(测试)</a></li>
                                        <li><a href="http://demo.toychain.com"><i className="fa fa-arrow-circle-o-right"></i>玩道社区(测试)</a></li>
                                    </ul>
                                </div>
                                <div className="footer_right">
                                    <h6 className="text-uppercase">相关资料</h6>
                                    <ul className="list-unstyled">
                                        <li><a href="https://github.com/TopPoints"><i className="iconfont icon-github-circle"></i>GitHub</a></li>
                                        <li><a href="http://explorer.points.top:8888"><i className="fa fa-arrow-circle-o-right"></i>区块链浏览器</a></li>
                                        <li><a href="http://wallet.points.top:5777"><i className="fa fa-arrow-circle-o-right"></i>在线钱包</a></li>
                                        
                                        
                                    </ul>
                                </div>
                            </div>
                            
                        </div>
                    </div>
                </div>
                <div className="clear"></div>
                <div className="secondary-footer text-md-left text-center">
                    <div className="container">
                        <div className="row">
                            <div className="footer_bottom_left">
                                <a href="http://points.top">© Points.top platform. All rights reserved.™</a>
                            </div>
                            <div className="footer_bottom_right">
                                <div className="social-links float-md-right">
                                    <a target="_blank" href="https://www.facebook.com/im.points.top"><i className="iconfont icon-facebook"></i></a>
                                    <a target="_blank" href="https://twitter.com/points_top"><i className="iconfont icon-twitter"></i></a>
                                    <a target="_blank" href="https://www.reddit.com/user/TopPoints"><i className="iconfont icon-reddit"></i></a>
                                    <a target="_blank" href="https://t.me/PointsTop"><i className="iconfont icon-telegram"></i></a>
                                    <a target="_blank" href="javascript:;" id="weichat_hover">
                                        <i className="iconfont icon-wechat"></i>
                                        <div className="qr_code">
                                            <img src={require('../assets/images/qrcode.jpg')} />
                                        </div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </footer>
        )
    }
}

